<template>
  <div class="level">
    <h1>医院</h1>
    <div class="content">
        <div class="left">等级：</div>
        <ul class="right">
            <li class="active">全部</li>
            <li>一级甲等</li>
            <li>一级甲等</li>
        </ul>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    h1{
        color: #333;

    }
    .level{
        margin-top: 10px;
    }
    .content{
        margin-top: 10px;
    }
    .content,.content .right{
        display: flex;
        // flex-direction: ;
    }
    li{
        margin-left: 10px;
        &.active{
            color: #55a6fe;
        }
    }
    li:hover{
        color: #55a6fe;
    }
</style>